<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../templates/template-private.xhtml">

	<ui:define name="content">
		<h2>Cadastro de Usuário</h2>

		<script type="text/javascript">
			function showTipo(){
				setTimeout(function() {
					alert($('#comboBoxTipo label').html);
				}, 2000);
				//alert('asd');
			}
		</script>
		
		
		<h:form>

			<div class="informacoes-gerais-ocorrencia"
				style="width: 380px; float: left; margin-left: 90px;">

				<h3>Informações gerais</h3>

				<p:outputLabel>Solicitante <p:inputText
						required="true" readonly="true" value="#{LoginMB.usuario.nome}" />
				</p:outputLabel>

				<p:outputLabel>Nucleo <p:inputText required="true"
						readonly="true" value="#{LoginMB.usuario.nucleo.descricao}" />
				</p:outputLabel>


				<p:outputLabel>
				Tipo do<br /> Chamado 
				<p:selectOneMenu id="comboBoxTipo" onchange="javascript: showTipo();" required="true"
						requiredMessage="Selecione o TIPO CHAMADO."
						value="#{ChamadoMB.chamado.tipoChamado}">
						<f:selectItem itemLabel="Selecione..." itemValue="" />
						<f:selectItem itemLabel="Ajustes no AVA"
							itemValue="Ajustes no AVA" />
						<f:selectItem itemLabel="Atividades de Aprendizagem"
							itemValue="Atividades de Aprendizagem" />
						<f:selectItem itemLabel="Alteração em turma"
							itemValue="Alteração em turma" />
						<f:selectItem itemLabel="Correção de erros no sistema"
							itemValue="Correção de erros no sistema" />
						<f:selectItem itemLabel="Liberação de usuário no sistema"
							itemValue="Liberação de usuário no sistema" />
						<f:selectItem itemLabel="Criação de usuário"
							itemValue="Criação de usuário" />
						<f:selectItem itemLabel="Criação de curso/disciplina/turma"
							itemValue="Criação de curso/disciplina/turma" />
						<f:selectItem itemLabel="Desenvolvimento de projetos"
							itemValue="Desenvolvimento de projetos" />
						<f:selectItem itemLabel="Diagramação" itemValue="Diagramação" />
						<f:selectItem itemLabel="Elaboração de storyboard"
							itemValue="Elaboração de storyboard" />
						<f:selectItem itemLabel="Ilustração" itemValue="Ilustração" />
						<f:selectItem itemLabel="Inclusão de cursos no acervo"
							itemValue="Inclusão de cursos no acervo" />
						<f:selectItem itemLabel="Problemas de acesso"
							itemValue="Problemas de acesso" />
						<f:selectItem itemLabel="Problemas no AVA"
							itemValue="Problemas no AVA" />
						<f:selectItem itemLabel="Produção audiovisual"
							itemValue="Produção audiovisual" />
						<f:selectItem itemLabel="Revisão de D.I."
							itemValue="evisão de D.I." />
						<f:selectItem itemLabel="Revisão ortográfica"
							itemValue="Revisão ortográfica" />
						<f:selectItem itemLabel="Roteirização" itemValue="Roteirização" />
						<f:selectItem itemLabel="Publicação de Conteúdo"
							itemValue="Publicação de Conteúdo" />
						<f:selectItem itemLabel="Outros" itemValue="Outros" />

					</p:selectOneMenu>
				</p:outputLabel>

				<span id="teste">
				
					<p:outputLabel>Curso <p:inputText 
							maxlength="50" value="#{ChamadoMB.chamado.curso}" />
					</p:outputLabel>
	
					<p:outputLabel>Disciplina <p:inputText
							maxlength="50" value="#{ChamadoMB.chamado.disciplina}" />
					</p:outputLabel>
	
					<p:outputLabel>Turma <p:inputText 
							maxlength="50" value="#{ChamadoMB.chamado.turma}" />
					</p:outputLabel>

				</span>

				<p:outputLabel>
					Data de <br />Abertura 
					<span id="dataHoje"> <h:outputText
							value="#{ChamadoMB.dataHoje}">
							<f:convertDateTime pattern="dd/MM/yyyy" />
						</h:outputText>
					</span>
				</p:outputLabel>

			</div>

			<div id="informacoes-de-acesso"
				style="width: 290px; float: left; margin-left: 90px;">

				<span id="informacao-para-descricao-problema">Por favor
					digite abaixo as informações para resolução do chamado.</span>

				<h3>Descrição do problema</h3>
				<p:outputLabel>
					<p:inputTextarea style="width:400px;  height: 265px;"
						required="true" maxlength="2000"
						requiredMessage="Preencha campo DESCRIÇÃO." />
				</p:outputLabel>
			</div>

			<div id="submit-form-usuario" style="clear: both; width: 970px;">

				<p:outputLabel>
					<br />
					<p:messages showDetail="true" autoUpdate="true" closable="true" />
					<p:commandButton action="#{UsuarioMB.salvar}" value="Salvar" />
				</p:outputLabel>
			</div>

		</h:form>

	</ui:define>

</ui:composition>